.taskExecuteManageDetail {
	.rightCnBox {
		display: flex;

		.rightcnItem {
			margin-left: 32px;
			font-size: 18px;
			 
			font-weight: 400;
			color: #1a1a1a;
			line-height: 27px;
		}
	}

	.basicInfo {
		.title {
			width: 64px;
			height: 16px;
			font-size: 16px;

			font-weight: 700;
			color: #666666;
			line-height: 24px;
			margin-bottom: 20px;
		}

		.basicBox {
			display: flex;
			padding: 32px 89px;
			width: 100%;
			height: 104px;
			border-radius: 10px;
			border: 1px solid #e3e7f1;

			.basiItme {
				display: flex;
				flex: 1;
			}

			.itemLable {
				font-size: 14px;

				font-weight: 500;
				color: #1a1a1a;
				line-height: 40px;
			}

			.itemContent {
				min-width: 250px;
				height: 40px;
				line-height: 40px;
				background: #f7f7fa;
				border-radius: 4px;
				padding: 0 20px;
				margin-left: 10px;
			}
		}
	}

	.content {
		width: 100%;
		min-height: 472px;
		position: relative;
		margin-top: 60px;
		border-radius: 10px;
		border: 1px solid #e3e7f1;
		padding: 32px;

		.title {
			// width: 400px;
			height: 36px;
			background: #eef2fc;
			border-radius: 6px;
			line-height: 36px;
			padding: 0 16px;
			position: absolute;
			top: -18px;
			left: 32px;
			font-size: 14px;
			 
			font-weight: 400;
			color: #6b6b96;
		}

		.contentBox {
			display: flex;
			justify-content: space-between;
			position: relative;
			.colItem {
				.timeBox {
					display: flex;

					.timeIcon {
						width: 27px;
						height: 27px;
						:deep(.svg-icon) {
							width: 100%;
							height: 100%;
						}
					}

					.time_ {
						margin-left: 6px;

						.item {
							font-size: 14px;

							font-weight: 500;
							color: #1a1a1a;
							line-height: 21px;
						}

						.itemc {
							line-height: 12px;
							font-size: 12px;
							 
							font-weight: 400;
							color: #666666;
							line-height: 18px;
						}
					}
				}

				.classio {
					display: flex;

					.classioItem {
						margin-top: 20px;
						width: 178px;
						height: 102px;
						display: flex;
						border-radius: 10px;
						box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
						padding: 20px;

						.icon {
							width: 16px;
							height: 16px;
						}

						.content_ {
							text-align: center;
							width: 100%;

							.top {
								font-size: 18px;
								color: #1a1a1a;
								line-height: 25px;
								font-weight: 700;
								margin-bottom: 15px;
							}

							.butContent {
								font-size: 12px;
								 
								font-weight: 400;
								color: #666666;
								line-height: 18px;
								letter-spacing: 1px;
							}
						}
					}
					.contract_item {
						cursor: pointer;
					}
				}
			}

			.contentBox_b {
				min-width: 1000px;
				margin-top: 30px;
				width: 65%;
			}

			.colItem2 {
				text-align: center;

				.item {
					width: 80px;
					margin-top: 40px;
					height: 30px;
					line-height: 30px;
					border-radius: 6px;
					border: 1px solid #1a1a1a;
					font-size: 12px;
					font-weight: 300;
					color: #1a1a1a;
				}
				.item2 {
					width: 80px;
					margin-top: 40px;
					height: 30px;
					line-height: 30px;
					border-radius: 6px;
					font-size: 12px;
					font-weight: 300;
					color: #1a1a1a;
				}
				.item_ {
					width: 80px;
					margin-top: 40px;
					height: 30px;
				}

				.item:nth-child(1) {
					margin-top: 20px;
				}
			}

			.colItem3 {
				.item {
					position: relative;
					width: 247px;
					height: 30px;
					background: #f7f7fa;
					text-align: center;
					border-radius: 6px;
					line-height: 30px;
					font-size: 14px;
					 
					font-weight: 400;
					color: #1a1a1a;
					margin-top: 40px;
				}
				.terminateClass {
					// position: absolute;
					// right: -15px;
					display: inline-block;
					color: #fff;
					text-align: center;
					height: 25px;
					line-height: 25px;
					padding-top: 0px;
					// padding-top: 5px;
				}

				.item:nth-child(1) {
					margin-top: 20px;
				}
			}

			.colItem4 {
				.itemBox {
					margin-top: 40px;
					justify-content: space-between;
					.item_top {
						padding: 10px 35px;
						height: 66px;
					}
				}

				.item {
					display: flex;
					width: 582px;
					height: 30px;
					background: #f7f7fa;
					padding-left: 40px;
					border-radius: 6px;
					line-height: 30px;
					font-size: 14px;
					 
					font-weight: 400;
					color: #1a1a1a;
					.lia:nth-child(2) {
						margin: 0 0 0 40px;
					}

					.lia_span {
						display: inline-block;
						min-width: 130px;
					}
					.lia_top {
						height: 66px;
						font-size: 14px;
						 
						font-weight: 400;
						color: #1a1a1a;
						line-height: 21px;
						.lab {
							margin-right: 20px;
						}
					}
				}
				.itemBoxT {
					.item {
						height: 66px;
						padding: 12px 40px;
						display: flex;
						.lia {
							line-height: 18px;
						}
					}
				}

				.btnBox {
					text-align: right;

					.btn {
						font-size: 12px;

						font-weight: 500;
						color: #e0a86d;
						line-height: 18px;
						margin-left: 20px;
						border-bottom: 1px solid #e0a86d;
					}
				}

				.itemBox:nth-child(1) {
					margin-top: 20px;
				}
			}

			.colItem5 {
				margin-top: 50px;
				.el-button {
					width: 112px;
					height: 40px;
				}
				//  .el-button:hover {
				//   color: #fff;
				//  }
			}
		}

		.approval-button {
			position: absolute;
			top: 80%;
			right: 30px;
		}

		.tackTable {
			.el-table__header-wrapper {
				.el-table__header {
					.el-table__cell {
						.cell {
							color: #333;
							font-weight: 600;
						}
					}
				}
			}
		}
	}
	.icon_jt_b {
		display: inline-block;
		position: absolute;
		width: 18px;
		height: 18px;
		left: 45%;
		top: 100%;
	}
	.icon_jt_r {
		display: inline-block;
		width: 18px;
		height: 18px;
		margin-top: 25px;
	}

	.timeTask {
		.title {
			margin-bottom: 15px;
		}
		margin-top: 40px;
		font-size: 16px;

		font-weight: 700;
		color: #666666;
	}
}
.dialog_label {
	width: 100px;
}
:deep(.el-form-item__content) {
	// width: 300px;
}
